<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="common.js"></script>
    <script>
        window.onload = query_User;
    </script>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light title">
    <a class="navbar-brand title">二手交易平台</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item headline">
                <a class="nav-link" href="index.html">待售商品</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="needs.html">需求商品</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="sg_publish.html">发布商品</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="wg_publish.html">发布需求</a>
            </li>
            <li class="nav-item headline-current">
                <a class="nav-link" href="personal.html">个人中心</a>
            </li>
            <li class="nav-item headline">
                <a class="nav-link" href="login.html" id="logstatus">登录/注册</a>
            </li>
        </ul>
    </div>
</nav>

<div class="text-center">
    <p style="margin-top: 60px;font-size: 20px;font-weight: bold" id="U_name"></p>
    <p style="margin-top: 20px;font-size: 20px;font-weight: bold" id="U_id"></p>

</div>
<div style="width: 120px; margin: 0 auto; margin-top: 60px">我发布的</div>

<table class="table table-bordered table-hover text-center" style="width: 80%;margin-left: 10%;margin-top: 30px">
    <thead id="item_published">
        <tr>
            <th style="width: 15%">类型</th>
            <th style="width: 25%">物品名称</th>
            <th style="width: 15%">分类</th>
            <th style="width: 15%">发布时间</th>
            <th style="width: 15%">查看详情</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

<div style="width: 140px; margin: 0 auto; margin-top: 60px">我响应的</div>
<table class="table table-bordered table-hover text-center" style="width: 80%;margin-left: 10%;margin-top: 30px">
    <thead id="item_responded">
    <tr>
        <th style="width: 15%">类型</th>
        <th style="width: 25%">物品名称</th>
        <th style="width: 15%">分类</th>
        <th style="width: 15%">响应时间</th>
        <th style="width: 15%">查看详情</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>

<div style="width: 100px; margin: 0 auto; margin-top: 60px">成交记录</div>
<table class="table table-bordered table-hover text-center" style="width: 80%;margin-left: 10%;margin-top: 30px">
    <thead id="trading_record">
    <tr>
        <th style="width: 25%">物品编号</th>
        <th style="width: 15%">买家</th>
        <th style="width: 15%">卖家</th>
        <th style="width: 30%">成交时间</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>
</body>
</html>